<template>
  <div class="inter-demand-info-box">
    <div class="sub-module-title">需求详情</div>
    <el-row class="info-box">
      <el-col :span="24" :class="'info-box-title'">
        <span></span>
        <span>需求信息</span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 需求单号 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.needsCode }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 一级部门 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.pathO }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 二级部门 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.pathT }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 三级部门 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.pathS }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 需求数量 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.needsNumber }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 外包人员汇报对象 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.reportsTo }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 岗位报价(月/元) </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.budget }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 期望入场日期 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.inJobTime }}
        </span>
      </el-col>
    </el-row>
    <el-row :class="'info-box'">
      <el-col :span="24" :class="'info-box-title'">
        <span></span>
        <span>基本要求</span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 岗位名称 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.jobName }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'" v-if="false">
        <span class="info-item-tip"> 岗位分类 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.jobType }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 工作年限 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.workYears }}
        </span>
      </el-col>
      <el-col :span="12" :class="'info-item'">
        <span class="info-item-tip"> 工作地点 </span>
        <span class="sign">:</span>
        <span class="info-item-txt">
          {{ demandInfo.jobAddress }}
        </span>
      </el-col>
    </el-row>
    <el-row :class="'info-box'">
      <el-col :span="24" :class="'info-box-title'">
        <span></span>
        <span>岗位说明</span>
      </el-col>
      <el-row :class="'info-item-tip info-block-tip-box'">
        <el-col :span="24">
          <span
            v-for="(txt, index) in demandInfo.jobDesc"
            :key="index"
            :class="'block-tip-txt'"
            >{{ txt }}</span
          >
        </el-col>
      </el-row>
    </el-row>
    <el-row :class="'info-box'">
      <el-row :class="'info-box-title'">
        <span></span>
        <span>任职要求</span>
      </el-row>
      <el-row :class="'info-item-tip info-block-tip-box'">
        <el-col :span="24">
          <span
            v-for="(txt, index) in demandInfo.jobAsk"
            :key="index"
            :class="'block-tip-txt'"
            >{{ txt }}</span
          >
        </el-col>
      </el-row>
    </el-row>
  </div>
</template>
<script>
export default {
  props: {
    demandInfo: {
      type: Object,
      default: {},
    },
    isShowDemand: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss">
@import "./../../assets/scss/bilibili-theme.scss";
.inter-demand-info-box {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  height: auto;
  overflow: hidden;
  .info-box {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 0px;
    .info-box-title {
      height: 40px;
      line-height: 40px;
      color: $main-color;
      font-weight: bolder;
      font-size: 14px;
      text-align: left;
      span:nth-child(1) {
        width: 4px;
        height: 16px;
        display: inline-block;
        float: left;
        margin-top: 12px;
        margin-right: 10px;
        background: $main-color;
      }
    }
    .info-item {
      display: inline-block;
      font-size: 14px;
      color: #636363;
      text-align: left;
    }
    .info-item-tip {
      display: inline-block;
      width: 115px;
      height: 40px;
      line-height: 40px;
      text-align: left;
      text-indent: 14px;
      float: left;
      font-size: 14px;
    }
    .info-block-tip-box {
      width: 100%;
      height: auto;
      line-height: 22px;
      .block-tip-txt {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
      }
    }
    .sign {
      float: left;
      display: inline-block;
      height: 40px;
      width: 10px;
      line-height: 40px;
    }
    .info-item-txt {
      float: left;
      height: 40px;
      line-height: 40px;
    }
    .job-ex-item {
      display: block;
      padding-top: 10px;
    }

    .info-block-item {
      width: 100%;
      .info-item-tip {
        float: left;
      }
      .item-box {
        padding-top: 10px;
        display: inline-block;
      }
      .info-item-txt {
        display: inline-block;
        font-size: 14px;
        height: auto;
        line-height: 22px;
        width: 80%;
      }
      .job-gz {
        width: 80%;
      }
    }
  }
}
</style>
